import React from 'react';
import './main.css';

// interface ListItem {
//     label: string;
//     value: string;
// }

// interface DropdownProps {
//     list: ListItem[];
//     onSelect: (selected: ListItem) => void;
// }
export default function (props) {
    return (
        <ul>
            {
                props.list.map(item => {
                    return (
                        <li 
                            key={ item.value }
                            onClick={ () => props.onSelect(item) }
                        >
                            { item.label }
                        </li>
                    );
                })
            }
        </ul>
    );
}
